<template>
    <div>
        <!-- 因为透传到根节点上，所以加上v-bind="$attrs"和inheritAttrs: false使绑定到这个按钮上 -->
        <button @click="handleClick" v-bind="$attrs">展开/折叠侧边栏</button>
        <div>Vue3的单文件navbar</div>        
    </div>
</template>

<script>
export default {
methods:{
    handleClick(){
        console.log('click');
    }
},
inheritAttrs: false, // 关闭自动挂载到组件根元素上的没有在props配置中声明的属性


}
</script>



<style scoped>
div{
    background-color:gray;
    
}
</style>